<link type="text/css" href="https://cdn.bootcdn.net/ajax/libs/weui/0.4.3/style/weui.min.css" rel="stylesheet">
<link type="text/css" href="https://cdn.bootcdn.net/ajax/libs/jquery-weui/1.2.1/css/jquery-weui.min.css" rel="stylesheet">
<script type="text/javascript" src="https://cdn.bootcdn.net/ajax/libs/jquery-weui/0.8.3/js/jquery-weui.min.js"></script>



<!-- 组件文档 "http://old.jqweui.com/components#progress"-->
<div class="weui_progress">
	<div class="weui_progress_bar">
		<div class="weui_progress_inner_bar js_progress" style="width: 0%;"></div>
	</div>
	<a href="javascript:;" class="weui_progress_opr">
		<i class="weui_icon_cancel"></i>
	</a>
</div>
<br>
<div class="weui_progress">
	<div class="weui_progress_bar">
		<div class="weui_progress_inner_bar js_progress" style="width: 0%;"></div>
	</div>
	<a href="javascript:;" class="weui_progress_opr">
		<i class="weui_icon_cancel"></i>
	</a>
</div>
<br>
<div class="weui_progress">
	<div class="weui_progress_bar">
		<div class="weui_progress_inner_bar js_progress" style="width: 0%;"></div>
	</div>
	<a href="javascript:;" class="weui_progress_opr">
		<i class="weui_icon_cancel"></i>
	</a>
</div>
<div class="weui_btn_area">
	<a href="javascript:;" class="weui_btn weui_btn_primary" id="btnStartProgress">上传</a>
</div>

<script type="text/javascript">
	//获取红叉元素
	var delbtn = $('.weui_progress_opr');
	delbtn.click(function () {
		//dosomething...
		console.log('delete');
	});
	//获取上传元素
	var upload = $('#btnStartProgress');
	upload.click(function () {
		//dosomething...
		console.log($(this).html());

	});
	var weui_bar=$('.weui_progress_inner_bar');
	var value=0;
	var progress=$('.bar .progress');
	var interval=setInterval(function(){
		value+=10;
		if (value==100) {
			clearInterval(interval);
		}

	  	weui_bar.css('width',value+'%');//设置值
	  	console.log(value);
	  },1000);
</script>